CSS: text-overflow

はみ出たテキストの表示方法を指定

値

clip

block containerからはみ出たtextは切り取って表示しない

このことを「clip」と呼ぶ

block containerからはみ出たテキストがあることを示すため，ellipsis文字（省略記号: U+2026）を表示

文字列

block containerからはみ出たテキストがあることを示すため、指定した文字列を表示

fade

端が透明になる

code:css

p {

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}

関連

block containerの幅はどうやって決まる？

どこに指定するの？

wrapしてるbox要素？

divとか

textを表示している要素？

spanとかpとか

以下のような構造になっている時に、「これ」に対して、elipsisできる？

code:s

FContainer

つまり、対象の右側になんかいる場合に、elipsisしたい

FContainerがに上限があり、

右側FItemは固定値。存在しないこともある

「これ」が可変